<template>
   <div class="column">
    <div class="boxTitle">
        服务已享受人数
    </div>
    <div class="fwrs-list">
      <div class="fwrs-item">
          <div class="img">
              <span class="num">22</span>
          </div>
          <div class="t">三无救助</div>
      </div>
       <div class="fwrs-item">
          <div class="img">
              <span class="num">22</span>
          </div>
          <div class="t">特殊生活补贴</div>
      </div>
       <div class="fwrs-item">
          <div class="img">
              <span class="num">22</span>
          </div>
          <div class="t">低保家庭精神病患者医疗救助</div>
      </div>
       <div class="fwrs-item">
          <div class="img">
              <span class="num">22</span>
          </div>
          <div class="t">通讯信息消费补贴</div>
      </div>
       <div class="fwrs-item">
          <div class="img">
              <span class="num">22</span>
          </div>
          <div class="t">两项补贴</div>
      </div>
       <div class="fwrs-item">
          <div class="img">
              <span class="num">22</span>
          </div>
          <div class="t">残疾儿童康复救助</div>
      </div>
    
    </div>
  </div>
</template>

<script>
export default {
  name: 'fuwurenshu',
  data () {
    return {
      
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .fwrs-list{
    float:left;
    padding:10px 0;
    height:100%;
  }
  .fwrs-item{
    width:40%;
    margin:10px 20px;

    float:left;
    height:120px;
  }
  .fwrs-item .img{
    text-align: center;
    height:100px;
    width:100px;
    margin:0 auto;
    background: url(../../../static/bg.png) no-repeat;
    background-size: 100% auto;
  }
  .fwrs-item .num{
    display: block;
    height:100%;
    padding-top:24%;
    line-height:100%;
    vertical-align: bottom;
    color:#ffcc00;
    font-size:22px;
  }

  .fwrs-item .t{
    color:#6484d1;
    text-align: center;
    font-size: 16px;
  }

</style>
